
	
  <div class="ajusteCancha">
	<?php echo $html->image('board2.jpg', array('alt' => 'board'))?>
	<div id="arcoR">
		<table id="porteria_rojo" border="1"> 
		  <tr>
			<?php
				for ($i=0;$i<5; $i++){
					echo("<td id=\"pr$i\" width=\"32\" height=\"33\" align=\"center\" onclick=\"alert('pr')\"/>");
				}
			?>
		    
		  </tr>
		</table>
	</div>
		
	<div id="tablero">
		<table id="cancha" border="1">
			<?php
				$cadena="_";
				for($i=0; $i<13; $i++) {
					echo("<tr>");
					for($j=0; $j<11; $j++) {
						$variable=$i . $cadena . $j;
						echo("<td id=\"$variable\" width=\"32\" height=\"34\" align=\"center\"/>");	
					}	
					echo("</tr>");
				}
			?>
			
		</table>
	</div>
	
        <div id="arcoB">
		<table id="porteria_blanco"  border="1">
			<?php
				for ($i=0;$i<5; $i++){
					echo("<td id=\"pb$i\" width=\"32\" height=\"33\" align=\"center\" onclick=\"alert('pb')\"/>");
				}
			?>
			 
		</table>
      </div>
  </div>
  
  <!--El tablero se cargara con los nombres de las imagenes que se quieren colocar en las casillas-->
  <div id="fichitas" align="center">
			
			<?php	
				$nivel=$miPartido['0']['Partido']['nivel_id'];
				
				
				/*En los case se cargan las configuraciones iniciales en el tablero*/
				switch ($nivel){
					case "1":
						$tablero=array();
							
						for ($i=0;$i<=164; $i++){
							$tablero[$i]="vacio";
							if($i==49)$tablero[$i]="BlancoNada";
							if($i==82)$tablero[$i]="Balon";
							if($i==115)$tablero[$i]="RojoNada";
						}	
					break;
					case "2":
						$tablero=array();
							
						for ($i=0;$i<=164; $i++){
							$tablero[$i]="vacio";
							if($i==38)$tablero[$i]="BlancoNada";
							if($i==60)$tablero[$i]="BlancoPunto";
							if($i==82)$tablero[$i]="Balon";
							if($i==104)$tablero[$i]="RojoPunto";
							if($i==126)$tablero[$i]="RojoNada";
						}
					break;
					case "3":
						//faltan hacer las imagenes Ahora cargo todo con lo q tengo para probar
						$tablero=array();
							
						for ($i=0;$i<=164; $i++){
							$tablero[$i]="vacio";
							if($i==27)$tablero[$i]="BlancoNada";
							if($i==47)$tablero[$i]="BlancoPunto";
							if($i==51)$tablero[$i]="BlancoPunto";
							if($i==68)$tablero[$i]="BlancoPunto";
							if($i==74)$tablero[$i]="BlancoPunto";
							if($i==82)$tablero[$i]="Balon";
							if($i==96)$tablero[$i]="RojoPunto";
							if($i==90)$tablero[$i]="RojoPunto";
							if($i==113)$tablero[$i]="RojoNada";
							if($i==117)$tablero[$i]="RojoNada";
							if($i==137)$tablero[$i]="RojoNada";
						}
					break;
				
				}
					//funcion para dibujar apartir del tablero!			
					$top="310";
					$left="392";
					$cadena="px";
					$indice=0;
					$cadena2=".png";
					//print_r($tablero);
					foreach($tablero as $valor) {
						$arriba=$top . $cadena;
						$izq=$left . $cadena;
						//print_r($valor);
						if($valor!="Balon"){
							if($valor!="vacio"){
								$imagen=$valor . $cadena2;
								echo "<div id=\"$valor\" class=\"ficha\" style=\"left:$izq ; top:$arriba\">";
								echo $html->image($imagen);
								echo "</div>";
							}
						}else{
							//cambia la clase cuando es balon Por eso el if!
							$imagen=$valor . $cadena2;
							echo "<div id=\"$valor\" class=\"ficha\" style=\"left:$izq ; top:$arriba\">";
							echo $html->image($imagen);
							echo "</div>";
						}
						if($indice<=9){
							$left=$left + 34;
							$indice=$indice+1;
						}else{
							//print_r("entre");
							$left=392;
							$indice=0;
							$top=$top + 36;
						}
					}
				//echo"<script type=\"text/javascript\">pruebaJava();</script>";
			?>
		
  </div>



